Page({
  data:{
    activeIndex: 0,
    detail: {} as HeroDetail
  },
  // 页面加载时
  onLoad(options){
    // 根据英雄id获取详情
    if (options.id) {
      this.getDetail(options.id)
    }
  },
  // 获取英雄详情
  getDetail(id: string){
    wx.showToast({ title: '英雄详情加载中...',icon: 'loading' })
    wx.request<ServerResponse<HeroDetail>>({
      url: 'https://api-vue-base.itheima.net/api/lol/info',
      method: 'GET',
      data: { id:id },
      success:(res)=>{
        // console.log(res);
        // 提取英雄详情数据
        const detail = res.data.data
        detail.skins = detail.skins.filter(v => v.mainImg)
        this.setData({
          detail: detail,
        })
        // 动态设置标题
        wx.setNavigationBarTitle({ title: detail.hero.name + ' - ' + detail.hero.title })
      },
      fail:()=>{},
      complete:()=>{
        wx.hideLoading()
      }
    })
  },
  // 轮播图切换时，保存索引
  onSwiperChange(e: WechatMiniprogram.SwiperChange){
    this.setData({
      activeIndex: e.detail.current
    })
  }
})